﻿/**********************************************************
*-----------------------------------*
* flareJ JavaScript Library
*-----------------------------------*
* 作者:Joe_Sky
* 邮箱:hitomi_doax@tom.com
* 最后更新时间:2010-12-27
*-----*-----*-----*-----*-----*-----*
* 基于jQuery
***********************************************************/

/*----------------------------------------------*
* flareJ.LoadMask
*-------*-------*-------*-------*-------*-------*
* 加载蒙板
*-------*-------*-------*-------*-------*-------*
* (必须)需引入flareJ.Base.js
*----------------------------------------------*/
(function ($) {
    var FJ = $.flareJ, flareJ = FJ;

    /************************************************************
    *-----------------------------------------------------------*
    *                         加载蒙板
    *-----------------------------------------------------------*
    *************************************************************
    *-----*-----*-----*-----*-----*-----*-----*-----*-----*-----*
    * 分页形式为后台分页
    *-----*-----*-----*-----*-----*-----*-----*-----*-----*-----*
    * 调用方法:$("#div").LMJ();
    ************************************************************/
    this.LoadMaskJ = this.LMJ = FJ.LoadMaskJ = FJ.LMJ = FJ.CJ.extend({
        //#region 构造方法
        init: function (elemObj, settings) {
            //参数
            this._super(elemObj, $.extend(true, {
                fjType: "LMJ",
                renderTo: elemObj,                          //要加载到的容器
                renderType: "prepend",
                imgSrc: LMJ.imgSrc + "loading1.gif",        //loading图片路径
                widthF: "auto",                           //最大宽度
                heightF: "auto",                          //最大高度
                borderWidth: 0,
                colorParams: {
                    bgColor: "transparent"                     //背景色
                }
            }, settings));

            this.initFn();

            return this;
        },
        //#endregion

        //#region 初始化
        initFn: function () {
            this._super();
            this.create();
        },
        //#endregion

        //#region 构建
        create: function () {
            this._super();
            var thiz = this;

            //外层
            this.divOut.addClass("lmj").attr("id", "LMJ_" + this.objId);

            //loading半透明层
            this.loading = $('<div class="lmj_loadH1"></div><div class="lmj_loadH2"><div style="width:100%;height:100%;" class="divCvFd1"><div class="divCvFd2"><img class="divCvFd3" src="' + this.p.imgSrc + '" /></div></div></div>');
            
            //加载
            this.divOut.append(this.loading);

            return this;
        },
        //#endregion

        //#region 显示
        show: function () {
            this.divOut.show();
            return this;
        },
        //#endregion

        //#region 隐藏
        hide: function () {
            this.divOut.hide();
            return this;
        }
        //#endregion
    });

    //#region 绑定到jquery
    $.fn.extend({
        LoadMaskJ: function (settings) {
            return new FJ.LoadMaskJ(this, settings);
        },
        LMJ: function (settings) {
            return $(this).LoadMaskJ(settings);
        }
    });
    //#endregion

    //#region 图片文件夹路径
    FJ.LMJ.imgSrc = FJ.imgPath + "LoadMask/";
    //#endregion

    //#region 加载css
    $("head").append('<link id="LoadMaskJStyle" href="' + FJ.cssPath + 'flareJ.LoadMask.css" rel="stylesheet" type="text/css" />');
    //#endregion

})(jQuery);